<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1,maximum-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>百度一下 你知道</title>
    <link rel="stylesheet" href="./baidu.css" media="screen and (min-width:800px)">
    <link rel="stylesheet" href="./mbaidu.css" media="screen and (min-width:200px) and (max-width:799px)">
</head>

<body>
    <div class="bodycenter">
        <nav class="nav">
            <a href="#" target="_blank" class="blackNav">新闻</a>
            <a href="#" target="_blank" class="blackNav">hao123</a>
            <a href="#" target="_blank" class="blackNav">地图</a>
            <a href="#" target="_blank" class="blackNav">视频</a>
            <a href="#" target="_blank" class="blackNav">贴吧</a>
            <a href="#" target="_blank" class="normalNav normalNav1">登陆</a>
            <a href="#" target="_blank" class="normalNav normalNav2">设置</a>
            <a href="#" style="text-decoration: none"><span  class="moreProduct">更多产品</span></a>
        </nav>

        <article>
            <div class="section">
                <div class="img">
                    <img alt="BaiduLogo" title="百度" src="https://www.baidu.com/img/bdlogo.png" width="270px" height="129px">
                </div>
                <form>
                    <div class="Input_Button">
                        <div class="InputBorder">
                            <input type="search" name="Search_Input" id="input">
                        </div>
                        <div class="BottonBorder">
                            <input type="submit" value="百度一下" id="submit_result">
                        </div>
                    </div>
                </form>
            </div>
        </article>

        <footer>
            <div id="footer01">
                <a href="#" target="_blank">把百度设为主页</a> &nbsp;
                <a href="#" target="_blank">关于百度</a> &nbsp;
                <a href="#" target="#">About Baidu</a>
            </div>

            <div id="footer02">
                <span>©2015 Baidu</span>
                <a href="#" style="color: #666">使用Baidu前必读</a>
                <a href="#" style="color: #666">意见反馈</a> 京ICP证030173号
                <img src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superplus/img/copy_rignt_24.png" alt="copy_right_24">
            </div>
        </footer>
    </div>
</body>

</html>